@media all
{
     html{font-size:16px;}
}
@media all and (min-width:140px) and (min-height:220px)
{
     html{font-size:9px;}
}
@media all and (min-width: 220px) and  (min-height: 140px)
{
     html {font-size: 9px;}
}
@media all and (min-width:210px) and (min-height:280px),(min-width:280px) and (min-height:210px),(min-width:280px) and (min-height:280px)
{
     html{font-size:14px;}
}
@media all and (min-width:300px) and (min-height:460px),(min-width:460px) and (min-height:300px)
{
     html{font-size:16px;}
}
@media all and (min-width:340px) and (min-height:620px),(min-width:620px) and (min-height:340px)
{
     html{font-size:20px;}
}
@media all and (min-width:420px) and (min-height:760px) and (max-height:900px),
                  (min-width:760px) and (max-width:900px) and (min-height:420px)
{
     html{font-size:24px;}
}
@media all and (min-width:1000px) and (min-height:740px),(min-width:740px) and (min-height:1000px)
{
     html{font-size:20px;}
}
@media all and (min-width:1200px) and (min-height:600px),(min-width:600px) and (min-height:1200px)
{
     html{font-size:16px;}
}
@media all and (device-width:1024px) ,(device-width:768px)
{
     html{font-size:20px;}
}
@media all and (device-width:960px) and (device-height:640px),(device-width:640px) and (device-height:960px)
{
     html{font-size:32px;}
}
@media all and (device-width:480px) and (min-device-height:800px) and (max-device-height:900px),
                  (min-device-width:800px) and (max-device-width:900px) and (device-height:480px)
{
     html{font-size:24px;}
}
@media all and (device-width:360px) and (device-height:640px),(device-width:640px) and (device-height:360px)
{
     html{font-size:20px;}
}
@media all and (device-width:320px) and (device-height:480px),(device-width:480px) and (device-height:320px)
{
     html{font-size:16px;}
}
@media all and (device-width:240px) and (device-height:320px),(device-width:320px) and (device-height:240px),(device-width:320px) and (device-height:320px)
{
     html{font-size:14px;}
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
a:active{opacity: .8;text-decoration: none;}
a:link,header a:visited{opacity: 1;text-decoration: none;color: #333}
a:hover{opacity: .8;text-decoration: none;}
html,body{-webkit-touch-callout: none;}
/*base*/
.content{margin: 0 0.75em;font-size: 1em;}
.content li{position: relative;min-height: 3.75em;padding: 0.75em 0 0.75em 4.63em;border-bottom: 1px dotted #d6d6d6;color: #333;line-height: 2.2em;}
.content li:last-child{border-bottom: 0 none;}
.content li a{display: block;color: #333}
.content li a img{position: absolute;top:0.75em;left:0em;width: 3.75em;}
.content li a span{display: block;color: #666;font-size: 0.88em;line-height: 1.43em}

